import React from 'react';
import type { AccountInfo } from '../types/wechat';

const AccountInfoModal: React.FC<{
  account: AccountInfo;
  onClose: () => void;
  onExport: () => void;
}> = ({ account, onClose, onExport }) => (
  <div className="modal">
    <div className="modal-content">
      <h2>选择要导出的账号</h2>
      <div>wechatDataBackup 版本: {account.version}</div>
      <div>进程PID: {account.pid}</div>
      <div>微信软件版本: {account.wechatVersion}</div>
      <div>微信文件存储路径: {account.wechatPath}</div>
      <div>导出存储路径: {account.exportPath}</div>
      <div>导出路径剩余存储空间: {account.freeSpace}</div>
      <div>微信ID: {account.wechatId}</div>
      <div>解密结果: {account.decryptResult}</div>
      <button onClick={onExport}>导出此账号数据</button>
      <button onClick={onClose}>关闭</button>
    </div>
  </div>
);

export default AccountInfoModal; 